ptb-fe/pages/signature/modul/done/[id].js

import React, { Component } from 'react';
import BasePage from "@/components/Layout/BasePage";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { Row, Col, Card, CardBody, Button, Modal, ModalBody, ModalFooter, FormGroup, Input, Navbar, NavItem, NavLink, NavbarBrand } from "reactstrap";
import { getOneLaporanPublic } from '@/actions/public';

import Link from 'next/dist/client/link';
class PlenoSanksi extends Component {

    constructor(props) {
        super(props);
        this.state = {
            dataLaporan: {},


        }
    }
    static getInitialProps = async ({ query }) => {
        return { query };

    };
    componentDidMount = async () => {
        const { query } = this.props;
        const { id } = query;
        const dataLaporan = await getOneLaporanPublic(id);
        this.setState({ dataLaporan });
    };
    render() {
        const { dataLaporan } = this.state
        return (
            <div>
                <Navbar className="navbar-color" expand="md" dark>
                    <NavbarBrand href="/">
                        <img className="width-133" src="/static/img/Logo-Sidali.png" alt="App Logo" />
                    </NavbarBrand>
                </Navbar>
                <ContentWrapper>
                    <div id="pageDone-TTD">
                        <div className=' float-lg-right'>
                            <span className=''>
                                <img className=" main-logo-1" src="/static/img/ditbaga-logo.png" alt="gambar" />
                                <img className="main-logo" src="/static/img/logo_kemdikbudristek.png" alt="gambar" />
                            </span>
                        </div>
                        <div className='main text-center'>
                            <img className="main" src="/static/img/success_ttd.png" alt="gambar" />

                        </div>
                        <div className='text-center'>
                            <text className='text-1'>Tanda tangan Anda berhasil tersimpan!</text>
                            {/* <p className=' pt-2 text-center font-color-black '>Terima kasih, dengan demikian Anda telah memberikan persetujuan terhadap Laporan Hasil Evaluasi dan Pembahasan.</p> */}
                        </div>
                        {/* <Link href="/app">
                            <div className="btn-radius d-block text-center">
                                <Button color className="btn-labeled-3">
                                    <h4 className="p-0 mt-2">Kunjungi Aplikasi SIDALI</h4>
                                </Button>
                            </div>
                        </Link> */}
                    </div>

                </ContentWrapper>
            </div>

        );
    }
}
PlenoSanksi.Layout = BasePage;
export default PlenoSanksi;